<!-- 头部header -->
<div id="top">
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		.top {
			width: 100%;
			height: 50px;
			background-color: black;
			z-index: 10;
		}

		.content {
			width: 1200px;
			height: 50px;
			margin: 0 auto;
		}

		.left {
			width: 750px;
			height: 50px;
			float: left;
			line-height: 50px;
		}

		.left img {
			vertical-align: middle;
		}

		.right {
			width: 450px;
			height: 50px;
			float: left;
			line-height: 50px;
		}

		.right ul li {
			list-style: none;
			float: left;
			margin: 0 5px;
		}

		.right ul li a {
			color: white;
			text-decoration: none;
		}

		.header {
			width: 100%;
			height: 250px;
			background: url(../images/banner.gif) no-repeat;
			background-size: 100% 100%;
			padding-top: 10px;
			box-sizing: border-box;
		}

		.box {
			width: 180px;
			height: 180px;
			position: relative;
			margin: 0 auto;
			overflow: hidden;
		}



		#imglist {
			width: 360px;
			height: 180px;
			position: absolute;
			left: -0px;
			top: 0;

			border: 1px solid red;
		}

		#imglist div {
			width: 360px;
			height: 180px;
			list-style: none;
			float: left;
		}

		.box .img1 {
			width: 180px;
			height: 180px;
			border-radius: 50%;

		}

		.box .img2 {
			width: 180px;
			height: 180px;
			border-radius: 50%;
		}

		.nav {
			width: 100%;
			height: 64px;
			background-color: #e8e3d8;
		}

		.nav .content {
			width: 1200px;
			height: 64px;
			background-color: #e8e3d8;
			margin: 0 auto;
			position: relative;
		}

		.nav .content .left {
			width: 790px;
			height: 64px;
			float: left;
		}

		ul.one {
			width: 790px;
			height: 64px;
		}

		ul.one>li {
			width: 50px;
			height: 64px;
			float: left;
			list-style: none;
			text-align: center;
		}

		ul.one>li>a {
			text-decoration: none;
			font-size: 10px;
		}

		ul.one>li>ul.zero {
			width: 120px;
			height: 50px;
			border: 1px solid black;
			display: none;
			position: relative;
			margin-top: -65px;
			margin-left: -30px;
		}

		ul.one>li>ul.two {
			width: 120px;
			height: 704px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.three {
			width: 120px;
			height: 512px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.four {
			width: 120px;
			height: 320px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.five {
			width: 120px;
			height: 448px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.six {
			width: 120px;
			height: 320px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.seven {
			width: 120px;
			height: 704px;
			display: none;
			border: 1px solid black;
			position: relative;
			margin-left: -30px;
		}

		ul.one>li>ul.two>li,
		ul.one>li>ul.three>li,
		ul.one>li>ul.four>li,
		ul.one>li>ul.five>li,
		ul.one>li>ul.six>li,
		ul.one>li>ul.seven>li {
			width: 120px;
			height: 64px;



			text-align: center;
		}

		ul.one>li>ul.two>li>a,
		ul.one>li>ul.three>li>a,
		ul.one>li>ul.four>li>a,
		ul.one>li>ul.five>li>a,
		ul.one>li>ul.six>li>a,
		ul.one>li>ul.seven>li>a {
			margin-left: -30px;
		}

		ul.one>li:hover ul.zero,
		ul.one>li:hover ul.two,
		ul.one>li:hover ul.three,
		ul.one>li:hover ul.four,
		ul.one>li:hover ul.five,
		ul.one>li:hover ul.six,
		ul.one>li:hover ul.seven {
			display: block;
			z-index: 4;
			background-color: #fff;
		}

		ul.one>li>ul.two>li:hover a,
		ul.one>li>ul.three>li:hover a,
		ul.one>li>ul.four>li:hover a,
		ul.one>li>ul.five>li:hover a,
		ul.one>li>ul.six>li:hover a,
		ul.one>li>ul.seven>li:hover a {
			text-decoration: underline;
		}

		.nav .content .middle {
			width: 328px;
			height: 64px;
			line-height: 64px;
			float: left;
		}

		.nav .content .right {
			width: 82px;
			height: 64px;
			line-height: 64px;
			float: left;
		}

		.nav .content .left ul li {
			float: left;
			list-style: none;
			margin: 0 20px;
			;
		}

		.nav .content .left ul li a {
			text-decoration: none;
			color: #222;
			font-size: 20px;
			line-height: 64px;
		}

		.nav .content .left ul li:hover a {
			font-weight: bolder;
			font-size: 20px;
		}

		.middle input.one {
			height: 34px;
			width: 288px;
			margin-top: 15px;
			float: left;
			padding-left: 10px;
			font-size: 18px;
		}

		.middle input.two {
			width: 40px;
			height: 40px;
			background-color: yellow;
			position: absolute;
			left: 1078px;
			top: 14px;
			border: 1px solid cornflowerblue;
		}

		.nav .content .right img {
			vertical-align: middle;
			margin-left: 20px;
		}
	</style>
	<div class="top">
		<div class="content">
			<div class="left"><img src="./images/dlogo.png" alt=""></div>
			<div class="right">
				<ul>
					<li><a href="../index.html">返回首页 |</a></li>
					<li><a href="">汇率</a></li>
					<li><a href="">1원=￥0.00561</a></li>
					<li class="user"><a href="../red.html">注册会员</a></li>
					<li class="exit"><a href="../login.html">登录</a></li>
					<li class="cart"><a>购物车</a></li>
				</ul>
			</div>
		</div>

	</div>
	<div class="header">
		<div class="box">
			<div id="imgList">
				<img src="./images/ddmmglogo.gif" class="img1" alt="">
			</div>
		</div>
		<div class="nav">
			<div class="content">
				<div class="left">
					<ul class="one">
						<li><a href="../index.html">首页</a>

						</li>
						<li><a href="">图片</a>
							<ul class="zero"></ul>
						</li>
						<li><a href="">上衣</a>
							<ul class="two">
								<li><a href="">衬衫</a></li>
								<li><a href="">T恤</a></li>
								<li><a href="">针织衫</a></li>
								<li><a href="">吊带/背心</a></li>
								<li><a href="">卫衣</a></li>
								<li><a href="">套装</a></li>
								<li><a href="">马甲</a></li>
								<li><a href="">毛衣</a></li>
								<li><a href="">打底衫</a></li>
								<li><a href="">泳装</a></li>
								<li><a href="">连体衣</a></li>
							</ul>
						</li>
						<li><a href="">外套</a>
							<ul class="three">
								<li><a href="">夹克</a></li>
								<li><a href="">风衣</a></li>
								<li><a href="">大衣</a></li>
								<li><a href="">棉服</a></li>
								<li><a href="">羽绒服</a></li>
								<li><a href="">西装</a></li>
								<li><a href="">外搭</a></li>
								<li><a href="">皮衣/皮草</a></li>
							</ul>
						</li>
						<li><a href="../list.html">裙子</a>
							<ul class="four">
								<li><a href="">长裙</a></li>
								<li><a href="">连衣裙</a></li>
								<li><a href="">半身裙</a></li>
								<li><a href="">短裙</a></li>
								<li><a href="">礼服</a></li>
							</ul>
						</li>
						<li><a href="">裤子</a>
							<ul class="five">
								<li><a href="">背带裤</a></li>
								<li><a href="">牛仔裤</a></li>
								<li><a href="">休闲裤</a></li>
								<li><a href="">打底裤</a></li>
								<li><a href="">正装裤</a></li>
								<li><a href="">短裤</a></li>
								<li><a href="">裤裙</a></li>
							</ul>
						</li>
						<li><a href="">女包</a>
							<ul class="six">
								<li><a href="">手提包</a></li>
								<li><a href="">手拿包</a></li>
								<li><a href="">背包</a></li>
								<li><a href="">钱包</a></li>
								<li><a href="">单肩包</a></li>
							</ul>
						</li>
						<li><a href="">配饰</a>
							<ul class="seven">
								<li><a href="">腰带</a></li>
								<li><a href="">项链</a></li>
								<li><a href="">耳饰</a></li>
								<li><a href="">戒指</a></li>
								<li><a href="">手镯/手链</a></li>
								<li><a href="">胸针</a></li>
								<li><a href="">挂件/吊坠</a></li>
								<li><a href="">头饰</a></li>
								<li><a href="">帽子/手套</a></li>
								<li><a href="">围巾或披肩</a></li>
								<li><a href="">鞋子</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="middle">
					<input type="text" value="" class="one">
					<input type="submit" value="搜索" class="two">
				</div>
				<div class="right"><img src="./images/ico_cart.png" alt=""></div>
			</div>
		</div>
	</div>
	
</div>
<div id="footer">
	<style>
		.article {
			width: 100%;
			height: 255px;
			background-color: #ccc;
		}

		.article .content {
			width: 1200px;
			height: 255px;
		}

		.article .content div {
			width: 160px;
			height: 255px;
			background-color: #ccc;
			float: left;
			padding-top: 30px;
			box-sizing: border-box;
		}

		.article .content div:nth-child(1) ul li a:hover {
			color: orange;
			text-decoration: underline;
		}

		.article .content div:nth-child(2) ul li a:hover {
			color: orange;
			text-decoration: underline;
		}

		.article .content div:nth-child(3) ul li a:hover {
			color: orange;
			text-decoration: underline;
		}

		.article .content div ul {
			margin-top: 30px;
		}

		.article .content div ul li {
			line-height: 30px;
			font-size: 20px;
			list-style: none;
			text-decoration: none;
		}

		.article .content div ul li a {
			text-decoration: none;
			color: #222;
		}

		.article .content div p {
			font-size: 22px;
		}

		.article .content div:nth-child(3) {
			width: 160px;
			height: 255px;
		}

		.article .content div:nth-child(4) {
			width: 400px;
			height: 255px;
		}

		.article .content div:last-child img {
			margin-top: 30px;
			width: 150px;
			height: 150px;
		}

		.footer {
			width: 100%;
			height: 80px;
			background-color: #ccc;
			padding-bottom: 10px;
		}

		.footer .content {
			width: 1200px;
			height: 80px;
			margin: 0 auto;
		}

		.footer .content p {
			text-align: center;
		}

		.footer .content .box3 {
			margin-left: 40%;
		}

		.footer .content .box3 div {
			float: left;
			margin-right: 10px;
		}

		.footer .content .box3 div img {
			height: 42px;
		}
	</style>
	<div class="article">
		<div class="content">
			<div>
				<p>新手指南</p>
				<ul>
					<li><a href="">新手注册</a></li>
					<li><a href="">购物流程</a></li>
					<li><a href="">支付方式</a></li>
					<li><a href="">海外支付宝</a></li>
				</ul>
			</div>
			<div>
				<p>批发条款</p>
				<ul>
					<li><a href="">物流指南</a> </li>
					<li><a href="">服务说明</a> </li>
					<li><a href="">会员制度</a> </li>
					<li><a href="">尺码指南</a> </li>
				</ul>
			</div>
			<div>
				<p>帮助中心</p>
				<ul>
					<li><a href="">余额转账</a> </li>
					<li><a href="">售后服务</a> </li>
					<li><a href="">常见问题</a> </li>
					<li><a href=""> 市场守则</a></li>
				</ul>
			</div>
			<div>
				<p>客服服务</p>
				<ul>
					<li>韩国</li>
					<li>+82(0)70-4204-6222(9:00-18:00周日休息)</li>
					<li>QQ:售前2453559694 售后2743709129</li>
					<li>邮箱ddmmg@outlook.com</li>
					<li>微信客服:seoullife</li>
				</ul>
			</div>
			<div>
				<p>服务承诺</p>
				<ul>
					<li>正品保障</li>
					<li>假一赔十</li>
					<li>急速物流</li>
					<li>七天无理由退换</li>
				</ul>
			</div>
			<div>
				<p>美团微信公众号</p>
				<img src="./images/wxlogo.jpg" alt="">
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="content">
			<p>Copyright 2007-2014ddmmg.com.All Rights Reserved</p>
			<p>版权所有 东大门美购网-批发代购 辽ICP备15011384号-1 快递查询 营业执照</p>
			<div class="box3">
				<div><img src="./images/im0g.png" alt=""></div>
				<div><img src="./images/im1g.gif" alt=""></div>
				<div><img src="./images/im2g.jpg" alt=""></div>
			</div>
		</div>
	</div>
</div>